﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ZoomAndCenter.aspx.cs" Inherits="Microsoft.Live.ServerControls.Web.ClientSideExtenders.ZoomAndCenter" %>
<%@ Register Namespace="Microsoft.Live.ServerControls.VE" Assembly="Microsoft.Live.ServerControls.VE" TagPrefix="cc" %>
<%@ Register Namespace="Microsoft.Live.ServerControls.VE.Extenders" Assembly="Microsoft.Live.ServerControls.VE" TagPrefix="cx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Virtual Earth Server Control</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div style="float:left;width:400px;">
            <cc:map ID="myMap" runat="server" ZoomLevel="10" >
                <Center Latitude="47.64075" Longitude="-122.12909" />
            </cc:map>   
        </div>
        <div style="float:left;width:400px;">
            <h3>Zoom and Center Client Side Extenders</h3>  
            <asp:LinkButton ID="Center" runat="server" Text="Center"></asp:LinkButton>
            <asp:LinkButton ID="Zoom" runat="server" Text="Zoom Level"></asp:LinkButton>
            <asp:LinkButton ID="All" runat="server" Text="Center and Zoom"></asp:LinkButton>
            <asp:LinkButton ID="ZoomIn" runat="server" Text="Zoom In"></asp:LinkButton>
            <asp:LinkButton ID="ZoomOut" runat="server" Text="Zoom Out"></asp:LinkButton>
            <cx:CenterAndZoom ID="CenterExtender" runat="server" TargetControlID="Center" MapControlID="myMap" Mode="Center">
                <Center Latitude="-27.47493" Longitude="153.02856" />
            </cx:CenterAndZoom>
            <cx:CenterAndZoom ID="ZoomExtender" runat="server" TargetControlID="Zoom" MapControlID="myMap" Mode="Zoom" ZoomLevel="4"></cx:CenterAndZoom>
            <cx:CenterAndZoom ID="CenterAndZoomExtender" runat="server" TargetControlID="All" MapControlID="myMap" Mode="CenterAndZoom" ZoomLevel="14" >
                <Center Latitude="51.50708" Longitude="0" />
            </cx:CenterAndZoom>
            <cx:CenterAndZoom ID="ZoomInExtender" runat="server" TargetControlID="ZoomIn" MapControlID="myMap" Mode="ZoomIn"></cx:CenterAndZoom>
            <cx:CenterAndZoom ID="ZoomOutExtender" runat="server" TargetControlID="ZoomOut" MapControlID="myMap" Mode="ZoomOut"></cx:CenterAndZoom>
        </div>
    </form>
</body>
</html>